import { cn } from '@/utils/cn-merge';
import { Segmented as AntSegmented } from 'antd';
import type { SegmentedProps } from 'antd';
import '../styles/index.css';

interface CustomSegmentedProps extends SegmentedProps {
  className?: string;
}

export const Segmented = ({ className, ...props }: CustomSegmentedProps) => {
  return (
    <AntSegmented
      className={cn('rg-segmented', className)}
      style={{
        ...props.style,
      }}
      {...props}
    />
  );
};
